/* 版心 */
.w {
    width: 1000px;
    margin: 0 auto;
}

.clearfix::after {
    clear: both;
    display: block;
    content: '';
}

/* 重置样式 */
body,
ul,
h1 {
    margin: 0;
    padding: 0;
}

ul {
    list-style: none;
}

a {
    text-decoration: none;
}

/* 头部 */
.header {
    height: 135px;
    background-image: url('../images/header_bg.png');
}

/* 产品 */
/* .header .product{
  
} */

.header .product .topnav {
    height: 30px;
    float: left;
}

.header .product .topnav li {
    /* display: inline-block; */
    float: left;
    margin-right: 5px;
}

.header .product .topnav_name {
    float: left;
}

.header .product a {
    font-size: 12px;
    font-family: '宋体';
    color: #7a7a7a;
    float: left;
    margin-top: 8px;
}

.header .product .separator {
    margin-top: 1px;
    float: left;
    height: 28px;
    width: 25px;
    background-image: url('../images/separator_01.png');
    background-position: center;
}

.header .product .user_info {
    /* 浮动元素的显示模式，类似于内敛块的显示模式 */
    float: right;
    height: 20px;
    /* width:198px; */
}

.header .product .user_info li {
    float: left;
}

.header .product .user_info li div {
    float: left;
}


/* logo和搜索框 */
.header .logo_search_wrap .logo {
    margin-top: 15px;
    float: left;
}

.header .logo_search_wrap .logo a {
    display: block;
    width: 193px;
    height: 40px;
    background-image: url('../images/logo.png');
}

.header .logo_search_wrap .search {
    margin-top: 18px;
    float: right;
}

.header .logo_search_wrap .search input {
    outline: none;
    padding: 0;
    width: 250px;
    height: 30px;
    border: 1px solid #ddd;
    text-indent: 5px;
    float: left;
}

.header .logo_search_wrap .search button {
    width: 32px;
    height: 32px;
    float: left;
    border: 0;
    background-image: url('../images/search_box.png');
    background-position: top right;
}

.header .nav_list {
    margin-top: 20px;

}

.header .nav_list li {
    float: left;
    margin-right: 35px;
    position: relative;
    margin-left: 5px;

}

.header .nav_list li a {
    padding: 5px 20px;
    font-size: 18px;
    color: #fff;
}

.header .nav_list li a:hover,
.header .nav_list li a.active {
    background-color: #e94f0d;
}

.header .nav_list li .new {
    position: absolute;
    left: 120px;
    top: -20px;
    width: 26px;
    height: 14px;
    display: inline-block;
    background-image: url('../images/new.png');
}



.banner_wrap {
    height: 400px;
    background-image: url('../images/banner_bg.png');
    background-color: #e94f0d;
    background-position: center center;
    background-repeat: no-repeat;
}

.banner_wrap .banner {
    height: 400px;
    background-color: rgba(0, 0, 0, 0.1);
    position: relative;
}

.banner_wrap .download {
    color: white;
    font-size: 26px;
    line-height: 66px;
    position: absolute;
    right: 120px;
    bottom: 45px;
    cursor: pointer;
    border: 0;
    border-radius: 5px;
    width: 245px;
    height: 66px;
    background-image: linear-gradient(to right, blue, #e94f0d);
    background-size: 100%;
}

.banner_wrap .download:hover {
    background-color: #e94f0d;
}

.banner_wrap .text-1 {
    position: absolute;
    right: 195px;
    bottom: 125px;
    width: 167px;
    text-align: left;
    line-height: 18px;
    opacity: 0.8;
    color: #27364D;
    font-size: 15px;
    font-family: '微软雅黑', 'Arial';
}

.banner_wrap .text-2 {
    position: absolute;
    right: 128px;
    bottom: 125px;
    width: 65px;
    text-align: left;
    line-height: 18px;
    opacity: 0.8;
    font-size: 15px;
    display: inline-block;
    text-decoration: underline;
}

.banner_wrap .text-2 a {
    color: #27364D;
}

.banner_wrap .text-3 {
    position: absolute;
    left: 641px;
    bottom: 105px;
    width: 300px;
    text-align: left;
    line-height: 18px;
    opacity: 0.8;
    color: #27364D;
    font-size: 12px;
    font-family: '微软雅黑', 'Arial';
}

.banner_wrap .qrcode_box {
    position: absolute;
    right: 30px;
    bottom: 80px;
    width: 72px;
    height: 91px;
    background: url('../images/bg_qrcode.png') no-repeat;
    background-size: contain;


}

.banner_wrap .qrcode_box span {
    position: absolute;
    text-align: center;
    color: #fff;
    font-size: 12px;
    line-height: 17px;
    margin-top: 67px;
    margin-left: 1px;

}

.banner_wrap .qrcode_box .shoujiime {
    display: inline-block;
    background: url('../images/shoujiime.jpg');
    background-size: contain;
    width: 62px;
    height: 62px;
    margin-top: 4px;
    margin-left: 5.5px;

}

/*精彩皮肤*/
.wrapper_block .skin_title {
    width: 666px;
    height: 29px;
    background: url('../images/side_title.png') no-repeat;
    margin-top: 30px
}

.wrapper_block .skin_1 {
    width: 333px;
    height: 157px;
    float: left;
    margin: 0, 34px, 13px, 0;
    background: url('../images/skin_border\ \(1\).png');
}

.wrapper_block .skin_list {
    width: 666px;
}

.wrapper_block .skin_list .img-1 {
    width: 320px;
    height: 110px;
    margin: auto;
    margin-top: 7px;
    position: relative;
    background: url('../images/img-1.jpg');
}

.wrapper_block .skin_list .pf {
    width: 333px;
    height: 27px;
    margin-top: 13px;
}

.wrapper_block .skin_list span {
    width: 243px;
    height: 12px;
    float: left;
    margin-top: 6px;
    font-size: 12px;
    display: block;

}

.wrapper_block .skin_list span a {
    color: #27364D;
}

.wrapper_block .skin_list .img-2 {
    width: 320px;
    height: 110px;
    margin: auto;
    margin-top: 7px;
    position: relative;
    background: url('../images/img-2.gif');
}

.wrapper_block .skin_list .img-3 {
    width: 320px;
    height: 110px;
    margin: auto;
    margin-top: 7px;
    position: relative;
    background: url('../images/img-3.png');
}

.wrapper_block .skin_list .img-4 {
    width: 320px;
    height: 110px;
    margin: auto;
    margin-top: 7px;
    position: relative;
    background: url('../images/img-4.png');
}

.wrapper_block .skin_list .img-5 {
    width: 320px;
    height: 110px;
    margin: auto;
    margin-top: 7px;
    position: relative;
    background: url('../images/img-5.png');
}

.wrapper_block .skin_list .img-6 {
    width: 320px;
    height: 110px;
    margin: auto;
    margin-top: 7px;
    position: relative;
    background: url('../images/img-6.png');
}

.dict_show_title {
    width: 666px;
    height: 18px;
    float: left;
    margin-top: 23px;
    background: url('../images/dict_show_title.png');
}

.dict_show_list ul li {

    margin-top: 10px;
    width: 90px;
    height: 90px;
    float: left;
    margin-right: 21px;
}

.dict_show_list .ddtp-1 {
    display: inline-block;
    background: url('../images/dictrec_1modao.jpg');
    width: 84px;
    height: 84px;
    background-size: contain;
}

.dict_show_list a span {
    margin-top: 30px;
    margin-left: 20px;
    height: 14px;
    display: block;
    color: #27364D;
}

.dict_show_list .ddtp-2 {
    display: inline-block;
    background: url('../images/dictrec_1dacaiwu.gif');
    width: 84px;
    height: 84px;
    background-size: contain;
}

.dict_show_list .ddtp-3 {
    display: inline-block;
    background: url('../images/dictrec_1jiada.jpg');
    width: 84px;
    height: 84px;
    background-size: contain;
}

.dict_show_list .ddtp-4 {
    display: inline-block;
    background: url('../images/dictrec_1daf.jpg');
    width: 84px;
    height: 84px;
    background-size: contain;
}

.dict_show_list .ddtp-5 {
    display: inline-block;
    background: url('../images/dictrec_1douluoda.jpg');
    width: 84px;
    height: 84px;
    background-size: contain;
}

.dict_show_list .ddtp-6 {
    display: inline-block;
    background: url('../images/dictrec_1dai.jpg');
    width: 84px;
    height: 84px;
    background-size: contain;
}

.sidebar-1 {
    width: 266px;
    height: 150px;
    display: block;
    padding-top: 5px;
    background: url('../images/barrier_free_banner.png') no-repeat;
    background-size: contain;
    margin-left: 700px;
    margin-top: -25px;
}

.sidebar-2 {
    width: 266px;
    height: 222px;
    display: block;
    margin-top: 10px;
    background: url('../images/5fdc5e04ea1fa.jpg') no-repeat;
    margin-left: 700px;
}

.focus_us {
    width: 266px;
    height: 174px;
    float: left;
    margin-top: -140px;
    background: url('../images/focus_ewn.png') no-repeat;
    margin-left: 35px;
}

.download_list {
    width: 100%;
    padding-top: 19px;
    height: 173px;
    float: left;
    margin-top: 16px;
    background: url('../images/5afbd36307f32.jpg') no-repeat;
    margin-top: 180px;
}

.ysb {
    padding-left: 123px;
    font-family: Microsoft Yahei;
    font-size: 18px;
    line-height: 58px;
    color: #ea7a4c;
    position: absolute;
    width: 65px;
    top: 3px;
    margin-top: 1165px;
}

.ck {
    line-height: 28px;
    width: 68px;
    height: 28px;
    border: 1px solid #dedede;
    background: #f1f2f2;
    color: #333333;
    text-align: center;
    font-size: 12px;
    padding: 0;
    border-radius: 2px;
    position: absolute;
    margin-top: 15px;
    margin-left: 200px;
}

.xz {
    line-height: 28px;
    width: 68px;
    height: 28px;
    border: 1px solid #dedede;
    background: #f1f2f2;
    color: #333333;
    text-align: center;
    font-size: 12px;
    padding: 0;
    border-radius: 2px;
    position: absolute;
    margin-left: 200px;
    margin-top: 70px;
}

.footer {
    text-align: center;
    margin: 45px auto 0;
    color: #666666;
    height: 260px;
    background: #f5f5f5;
    width: 1000px;
    border: 0;
    float: left;
    margin-top: 100px;
}

.face_cooper {
    padding-top: 40px;
    display: flex;
    justify-content: center;
    align-items: center;


}

.face_cooper_i {
    width: 18px;
    height: 14px;
    background: url('../images/skin_icon.png') no-repeat;
    margin-right: 7px;
    
   
}

.face_cooper_w{
    font: size 16.24px;
    color: #64696f;
    font-family: "微软雅黑";
}

.ftbox{
    width: 100%;
    line-height: 24px;
    padding: 20px 0 0px 0;
    text-align: center;
    font-size: 12px;
    position: relative;
    font-family: Arial,Helvetica, sans-serif;
}